<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="pl" uri="http://uyunsky.cn/jstl/pl" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<html>
<head>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <pl:import src="/bootstrap/lib/bootstrap/css/bootstrap.css"/>
    <pl:import src="/bootstrap/lib/font-awesome/css/font-awesome.css"/>
    <pl:import src="/bootstrap/stylesheets/theme.css"/>

    <pl:import src="/js/jquery.min.js"/>
    <pl:import src="/bootstrap/lib/bootstrap/js/bootstrap.js"/>

    <title>单独使用bootstrap测试</title>

    <script type="text/javascript">
        $(function () {
        });
    </script>

</head>
<body>

<%--测试form--%>
<p>一般form</p>

<form>
    <fieldset>
        <legend>Legend</legend>
        <label>Label name</label>
        <input type="text" placeholder="Type something…">
        <span class="help-block">Example block-level help text here.</span>
        <label class="checkbox">
            <input type="checkbox"> Check me out
        </label>
        <button type="submit" class="btn">Submit</button>
    </fieldset>
</form>
<hr>

<p>查询框form</p>

<form class="form-search">
    <input type="text" class="input-medium search-query">
    <button type="button" class="btn btn-mini">查询</button>
    <button type="button" class="">查询</button>
    <pl:button id="button1" value="查询"/>
</form>
<hr>

<p>lable右对齐form</p>

<form class="form-horizontal">
    <div class="control-group">
        <label class="control-label" for="inputEmail">Email</label>

        <div class="controls">
            <input type="text" id="inputEmail" placeholder="Email">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputPassword">Password</label>

        <div class="controls">
            <input type="password" id="inputPassword" placeholder="Password">
        </div>
    </div>
    <div class="control-group">
        <div class="controls">
            <label class="checkbox">
                <input type="checkbox"> Remember me
            </label>
            <button type="submit" class="btn">Sign in</button>
        </div>
    </div>
</form>
<hr>

<p>按钮与input一起</p>

<form>
    <div class="input-append">
        <input class="span2" id="appendedInputButtons" type="text">
        <button class="btn" type="button">Search</button>
        <button class="btn" type="button">Options</button>
    </div>
</form>
<hr>

<p>按钮</p>
<form>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn">Cancel</button>

        <p>
            <button class="btn btn-large btn-primary" type="button">Large button</button>
            <button class="btn btn-large" type="button">Large button</button>
        </p>
        <p>
            <button class="btn btn-primary" type="button">Default button</button>
            <button class="btn" type="button">Default button</button>
        </p>
        <p>
            <button class="btn btn-small btn-primary" type="button">Small button</button>
            <button class="btn btn-small" type="button">Small button</button>
        </p>
        <p>
            <button class="btn btn-mini btn-primary" type="button">Mini button</button>
            <button class="btn btn-mini" type="button">Mini button</button>
        </p>
    </div>
</form>
<hr>

<p>图标</p>
<div>
    <a class="btn btn-large" href="#"><i class="icon-star"></i> Star</a>
    <a class="btn btn-small" href="#"><i class="icon-star"></i> Star</a>
    <a class="btn btn-mini" href="#"><i class="icon-star"></i> Star</a>
</div>

</body>
</html>